<!doctype html>
<html lang="en">
<head>

<?php include './inc/css.html'; ?>

<style type="text/css">

    .wrap{
        /*padding:.55rem 0;*/
    }
    .courseheader{
        line-height: .5rem;
        position: fixed;
        width:100%;
        top:0px;
        z-index: 2;
    }
    .courseheader li{
        border-bottom:3px solid transparent;
    }

    .toggleclass{
        right:.1rem;
        top:.7rem;
        font-size: 130%;
    }
</style>

</head>
<body>
<div class="floaticon dn _text_barely tran3 toggleclass ion-android-menu"></div>

<div class="courseheader fixed fixedshadow _bg_white">
      <ul class="flex-list around">
        <li class="f-item tc flex">
            <a  class="" href="./profile.php">
                <span class="ion-ios-arrow-left"></span>
            </a>
        </li>  
        <li class="flex3 f-item tc <?php if($_GET['t']==1 ) echo ' _border_dark'; ?>">
            <a  class=" <?php if($_GET['t']==1 ) echo ' _active_primary'; ?>" href="./fav.php?t=1">
                <span class="ion-ios-book-outline"> 课程</span>
            </a>
        </li>
        <li class="flex3 f-item tc <?php if($_GET['t']==2 ) echo ' _border_dark'; ?>">
            <a  class=" <?php if($_GET['t']==2 ) echo ' _active_primary'; ?>" href="./fav.php?t=2">
                <span class="ion-ios-bookmarks-outline"> 章节</span>
            </a>
        </li>  
       </ul>
</div>
<div class="wrap">
<!-- data-url="填写分页加载的链接参数为p"  -->

<?php if($_GET['t']==2){ ?>
    <ul id="list" data-url="" class="list clearfix commonlist">
    <?php include './inc/chapterfavlist.html'; ?>
    </ul>
<?php }else{  ?>
    <ul id="list" data-url="" class="list clearfix commonlist">
    <?php include './inc/courselist.html'; ?>
    </ul>
<?php } ?>
<!-- End 课程-->


<!--底部-->
<div class="listbottom tc op6">我是有底线的~</div>
 
</div>   
</body>

<?php include './inc/js.html'; ?>
<script type="text/javascript">
$(document).ready(function(){

    $('.toggleclass').on('click',function(){
        var that = $(this);
        var list = $('#list');
        if(that.hasClass('ion-android-menu')){
            that.removeClass('ion-android-menu').addClass('ion-android-apps');
            list.addClass('imglist');

        }else{

            that.removeClass('ion-android-apps').addClass('ion-android-menu');
            list.removeClass('imglist');
        }

    })

})

</script>
</html>